<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>灾情资讯</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    　　
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
<div class="top_text" style="margin-top: -20px">
    <h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
    <div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
        <div style="">客户服务</div>
        <div>
            <a href="login.html">
                <button>登录</button>
            </a>
            <a href="regist.html">

                <button>注册</button>
            </a>
        </div>

    </div>

</div>
<div>
    <div style="display: flex;align-items: center;justify-content: center">
        <div style="text-align: left;position: absolute;left: 20%">
            <img src="./image/图片1.png" width="100" height="100">
        </div>
        <div style="text-align: center;margin-left:-260px">
            <h3>汇讯科学技术有限公司</h3>
        </div>
    </div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
    <div style="display: flex;justify-content: left;">
        <a href="index6.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
        </a>
        <a href="index3.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
        </a>
        <a href="index7.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
        </a>
        <a href="index.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
        </a>
        <a href="index4.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
        </a>
        <a href="index5.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
        </a>
    </div>
</div>
</body>
</html>